<template>
  <div class="home">
    <!-- 最上面四个导航 -->
    <top-nav></top-nav>
    <!-- 轮播图 -->
    <swiper-com></swiper-com>
    <!-- 中间四个图标 -->
    <icon-list></icon-list>
    <!-- 发现好歌单 -->
    <music-list></music-list>
  </div>
</template>

<script>
// @ is an alias to /src
import topNav from '@/components/topNav.vue'
import swiperCom from '@/components/swiperCom.vue'
import iconList from '@/components/iconList.vue'
import musicList from '@/components/musicList.vue'

export default {
  name: 'Home',
  components: {
    topNav,swiperCom,iconList,musicList
  },
}
</script>

<style lang="less" scoped>
.home{
  position: fixed;
  z-index: 0;
}
</style>
